// those style are just for demo, replace those with your code when developing.
body {
	margin: 0px;
	height: 100vh;

	overflow: hidden;
	user-select: none;
}

#area {
	width: 100vw;
	height: 100vh;

	#pad {
		width: 500px;
		height: 300px;
		border-radius: 15px;
		cursor: pointer;

		transition: all 475ms;
		font-size: 19px;
	}

	#pad:hover {
		transition: all 475ms;
		font-size: 19.8px;
	}

	#theme-btn {
		@size: 50px;
		@margin: 25px;
		position: fixed;

		top: @margin;
		right: @margin;
		height: @size;
		width: @size;

		> img {
			width: 100%;
			height: 100%;
		}
	}
}

.center {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
